<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>成功案例</title>
    <link rel="stylesheet" href="/webportal/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="/webportal/assets/css/style.css">
</head>
<body class="body-bg">
<!--一般导航-->
<div class="navbar">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand nav-logo" href="javascript:;">
                <svg class="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 894 144">
                    <path class="a" d="M445.2,45.6H498V67.2H483.6v-12H392.4v12H378V45.6h52.8V36h14.4Zm103.2,88.8H540V36H528v98.4h-8.4V55.2H510V144h48V55.2h-9.6ZM490.8,76.8H385.2v9.6H490.8ZM606,68.4l10.8,19.2H630L619.2,68.4ZM589.2,88.8H576l-14.4,24h13.2Zm36,7.2H590.4l-6,9.6h28.8l-14.94,12L594,114H579.6l11.31,9.43L565.2,144H582l17.14-13.71L615.6,144H630l-23.51-19.59L630,105.6Zm102-26.4-9.6-28.8H704.4L714,69.6ZM444,91.2H432v14.4H378v9.6h54v19.2H410.4V144H444V115.2h54v-9.6H444Zm283.2,15.6L717.6,78H704.4l9.6,28.8ZM585.6,68.4H572.4L561.6,87.6h13.2ZM594,36H579.6l-18,28.8H576Zm80.4,13.2h-12v9.6H642v9.6h20.4V144h12V68.4H696V58.8H674.4ZM774,118.8l16.8-6.24V134.4H774V144h28.8V108.1l13.2-4.9v-12l-42,15.54ZM802.8,36h-12V57.6H774v9.6h16.8V94.8l12-4.8V67.2h14.4V57.6H802.8ZM606,45.6l5.4,9.6H586.8l-6,9.6H630L619.2,45.6Zm259.2,1.2V36h-12V46.8H824.4v9.6h28.8v12h12v-12H894V46.8ZM885.6,72H824.4v9.6h52.8l-20.37,23.54L841.2,88.8H824.47l24.4,25.54L823.2,144H840l17.68-20.43L877.2,144H894l-28.35-29.64L894,81.6ZM750,36H738v79.2H704.4v9.6H762v-9.6H750ZM685.2,144h9.6V74.4h-9.6ZM642,144h9.6V74.4H642Zm0-98.4h54V36H642ZM738,144h12V128.4H738Z" transform="translate(0)" style="fill: #2e3b99;" />
                    <path class="b" d="M220.7,99.6c-19.51,7.47-25.39,22.68-48.68,35.66,18.06,0,24.55-3.19,45-13.77h0A83,83,0,0,1,325,144a84,84,0,0,0-4.16-8.19C300.42,100.53,257.59,85.47,220.7,99.6Z" transform="translate(0)" style="fill: #4d9925;" />
                    <path class="a" d="M7.61,107.33q-4-4-7.61-8.33a125.23,125.23,0,0,0,168.76-7.61,125.2,125.2,0,0,1,177.07,0q4,4,7.62,8.32a125.22,125.22,0,0,0-168.76,7.62A125.23,125.23,0,0,1,7.61,107.33ZM39.27,42.75h0A11.25,11.25,0,0,0,28,54V96.75A11.25,11.25,0,0,0,39.27,108h0A11.25,11.25,0,0,0,50.52,96.75V54A11.25,11.25,0,0,0,39.27,42.75ZM100,0h0A11.25,11.25,0,0,0,88.77,11.25v90A11.25,11.25,0,0,0,100,112.5h0a11.25,11.25,0,0,0,11.25-11.25v-90A11.25,11.25,0,0,0,100,0Zm60.75,31.5h0a11.25,11.25,0,0,0-11.25,11.25v22.5A11.25,11.25,0,0,0,160.77,76.5h0A11.25,11.25,0,0,0,172,65.25V42.75A11.25,11.25,0,0,0,160.77,31.5Z" transform="translate(0)" style="fill: #2e3b99;" />
                </svg>
            </a>
        </div>

        <div class="collapse navbar-collapse" id="navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right nav-list">
                <li><a href="home.html">首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="solution.html"th:href="@{/solution/}">解决方案和产品</a></li>
                <li class="active"><a href="case.html">典型案例</a></li>
                <li><a th:href="@{/contacts}">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>

<div class="banner-wrapper">
    <ul class="parallax" style="z-index: 1">
        <li class="layer" data-depth="0.60">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1690 746"><title>ex1bg</title><path d="M17,526A17,17,0,1,1,0,543H0A17,17,0,0,1,17,526Zm870,58a18,18,0,1,1-18,18A18.05,18.05,0,0,1,887,584ZM988,448l37,9.9L997.9,485Zm152,278.4-28.4,7.6-7.6-28.4,28.4-7.6ZM1219,433a15,15,0,1,1-15,15,15,15,0,0,1,15-15m0-6a21,21,0,1,0,21,21,21,21,0,0,0-21-21ZM1080.9,566.6l6.6,24.9-24.9-6.7,18.3-18.2M1084,555l-33,32.9,45,12.1-12-45ZM493,524a12,12,0,1,1-12,12,12,12,0,0,1,12-12m0-6a18,18,0,1,0,18,18,18.05,18.05,0,0,0-18-18Zm260-41,21-21,21,21-21,21Zm-98-58.5L612,430l11.5-43Zm-3,243.4,33.1-8.9,8.9,33.1L660.9,695ZM1388,518a18,18,0,1,1-18,18A18.05,18.05,0,0,1,1388,518Zm-16,191-21,37-21-37ZM295,435l-37-9.9L285.1,398Zm1353,42,21-21,21,21-21,21ZM374,669.6l28.4-7.6,7.6,28.4L381.6,698ZM161,669a21,21,0,1,1-21,21,21,21,0,0,1,21-21ZM1521.6,398.6l16.8,16.8-22.9,6.1,6.1-22.9m-3.1-11.6L1507,430l43-11.5L1518.5,387ZM292.5,546.5l24.9,6.7-18.2,18.2-6.7-24.9M284,538l12,45,33-32.9L284,538ZM1575.9,660.4l5.8,21.5-21.5,5.8-5.8-21.5,21.5-5.8m4.2-7.4-33.1,8.9,8.9,33.1,33.1-8.9-8.9-33.1ZM17,139A17,17,0,1,1,0,156,17,17,0,0,1,17,139Zm870,58a18,18,0,1,1-18,18A18.05,18.05,0,0,1,887,197ZM988,61l37,9.9L997.9,98Zm152,278.4-28.4,7.6-7.6-28.4,28.4-7.6ZM1219,46a15,15,0,1,1-15,15,15,15,0,0,1,15-15m0-6a21,21,0,1,0,21,21,21,21,0,0,0-21-21ZM1080.9,179.6l6.6,24.9-24.9-6.7,18.3-18.2M1084,168l-33,32.9,45,12.1-12-45ZM493,131a18,18,0,1,1-18,18h0A18.05,18.05,0,0,1,493,131ZM753,90l21-21,21,21-21,21ZM626.6,11.6l16.8,16.8-22.9,6.1,6.1-22.9M623.5,0,612,43l43-11.5L623.5,0Zm57.4,273.4,5.8,21.5-21.5,5.8-5.8-21.5,21.5-5.8m4.2-7.4L652,274.9l8.9,33.1,33.1-8.9L685.1,266ZM1388,131a18,18,0,1,1-18,18h0A18.05,18.05,0,0,1,1388,131Zm-16,191-21,37-21-37ZM295,48l-37-9.9L285.1,11ZM1648,90l21-21,21,21-21,21ZM374,282.6l28.4-7.6,7.6,28.4L381.6,311ZM161,288a15,15,0,1,1-15,15,15,15,0,0,1,15-15m0-6a21,21,0,1,0,21,21,21,21,0,0,0-21-21ZM1521.6,11.6l16.8,16.8-22.9,6.1,6.1-22.9M1518.5,0,1507,43l43-11.5L1518.5,0ZM292.5,159.5l24.9,6.7-18.2,18.2-6.7-24.9M284,151l12,45,33-32.9L284,151ZM1575.9,273.4l5.8,21.5-21.5,5.8-5.8-21.5,21.5-5.8m4.2-7.4-33.1,8.9,8.9,33.1,33.1-8.9-8.9-33.1Z" style="fill:#040000;opacity:0.10000000149011612;isolation:isolate"/></svg>
        </li>
    </ul>
    <div class="container">
        <ul class="svg-wrap-1" style="z-index: 2">
            <li class="layer" data-depth="0.20">
                <svg class="big-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 560 404"><title>ex1a</title><path d="M0,24H560a0,0,0,0,1,0,0V394a10,10,0,0,1-10,10H10A10,10,0,0,1,0,394V24A0,0,0,0,1,0,24Z" style="fill:#2e3e99"/><path d="M10,0H550a10,10,0,0,1,10,10V24a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V10A10,10,0,0,1,10,0Z" style="fill:#626fd9"/><circle cx="21" cy="12" r="5" style="fill:#fff;opacity:0.30000000000000004"/><circle cx="37" cy="12" r="5" style="fill:#fff;opacity:0.30000000000000004"/><circle cx="53" cy="12" r="5" style="fill:#fff;opacity:0.30000000000000004"/><rect x="20" y="44" width="100" height="30" rx="5" ry="5" style="fill:#626fd9;opacity:0.5"/><rect x="480" y="49" width="60" height="20" style="fill:#626fd9;opacity:0.5"/><rect x="410" y="49" width="60" height="20" style="fill:#626fd9;opacity:0.5"/><rect x="340" y="49" width="60" height="20" style="fill:#626fd9;opacity:0.5"/><rect x="270" y="49" width="60" height="20" style="fill:#626fd9;opacity:0.5"/><rect x="200" y="49" width="60" height="20" style="fill:#626fd9;opacity:0.5"/><rect x="20" y="84" width="520" height="200" rx="5" ry="5" style="fill:#626fd9;opacity:0.5"/><rect x="220" y="130.05" width="300" height="89.95" rx="5.51" ry="5.51" style="fill:#626fd9;opacity:0.5"/><rect x="220" y="232" width="150" height="10" rx="4.23" ry="4.23" style="fill:#626fd9;opacity:0.5"/><rect x="220" y="255" width="300" height="10" rx="4.23" ry="4.23" style="fill:#626fd9;opacity:0.5"/><rect x="220" y="107" width="300" height="10" rx="4.23" ry="4.23" style="fill:#626fd9;opacity:0.5"/><rect x="20" y="304" width="161" height="80" rx="5.15" ry="5.15" style="fill:#626fd9;opacity:0.5"/><rect x="199.5" y="304" width="161" height="80" rx="5.15" ry="5.15" style="fill:#626fd9;opacity:0.5"/><rect x="379" y="304" width="161" height="80" rx="5.15" ry="5.15" style="fill:#626fd9;opacity:0.5"/><circle cx="125" cy="184" r="60" style="fill:#626fd9;opacity:0.5"/><path d="M107.49,152.84a11.82,11.82,0,1,1-11.82,11.82A11.81,11.81,0,0,1,107.49,152.84Zm-18.13,67.3a3.6,3.6,0,0,1-2.37-.87,3.64,3.64,0,0,1-.39-5.14L103.3,189a3.64,3.64,0,0,1,4.93-.55l14.73,11,26.43-30c1.24-1.57,7.87-9,11.76-.59,0,0,0,11.09,0,22.42v29s-71.78,0-71.81,0Z" transform="translate(-0.45 -0.49)" style="fill:#626fd9"/><path d="M242.54,169.51h14.14l3.24,8.54h5.3l-12.67-32.39h-5.88L234,178.34h5.3l3.24-8.83ZM248.43,153c.3-.88.59-1.77.89-2.94h.29a12.84,12.84,0,0,0,.88,2.35,1,1,0,0,0,.3.59c0,.3,1.76,4.42,4.71,12.66H243.72c3.24-8.24,4.71-12.36,4.71-12.66Z" transform="translate(-0.45 -0.49)" style="fill:#626fd9"/><path d="M271.8,161.85H506.89V166H271.8Z" transform="translate(-0.45 -0.49)" style="fill:#626fd9"/><path d="M234,186.29H506.89v4.13H234Z" transform="translate(-0.45 -0.49)" style="fill:#626fd9"/><path d="M271.8,174.22H506.89v4.12H271.8Z" transform="translate(-0.45 -0.49)" style="fill:#626fd9"/><path d="M234,198.37H506.89v4.12H234Z" transform="translate(-0.45 -0.49)" style="fill:#626fd9"/><path d="M271.8,149.78H506.89v4.12H271.8Z" transform="translate(-0.45 -0.49)" style="fill:#626fd9"/></svg>
            </li>
        </ul>
        <ul class="svg-wrap-2" style="z-index: 3">
            <li class="layer" data-depth="0.40">
                <svg class="small-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 404.49"><title>ex1c</title><path d="M0,40.07H320a0,0,0,0,1,0,0v357a7.4,7.4,0,0,1-7.4,7.4H7.4a7.4,7.4,0,0,1-7.4-7.4v-357A0,0,0,0,1,0,40.07Z" style="fill:#2e3e99"/><path d="M9.76,0H310.24A9.76,9.76,0,0,1,320,9.76V40a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V9.76A9.76,9.76,0,0,1,9.76,0Z" style="fill:#626fd9"/><rect x="20.45" y="240.49" width="135" height="66" rx="4.28" ry="4.28" style="fill:#626fd9;opacity:0.5"/><rect x="166.45" y="240.49" width="135" height="66" rx="4.28" ry="4.28" style="fill:#626fd9;opacity:0.5"/><rect x="20.45" y="321.49" width="135" height="66" rx="4.28" ry="4.28" style="fill:#626fd9;opacity:0.5"/><rect x="166.45" y="321.49" width="135" height="66" rx="4.28" ry="4.28" style="fill:#626fd9;opacity:0.5"/><rect x="20.45" y="59.49" width="281" height="108.08" rx="5" ry="5" style="fill:#626fd9;opacity:0.5"/><rect x="128.53" y="84.37" width="162.12" height="48.61" rx="2.98" ry="2.98" style="fill:#626fd9;opacity:0.5"/><rect x="128.53" y="139.46" width="81.06" height="5.4" rx="2.28" ry="2.28" style="fill:#626fd9;opacity:0.5"/><rect x="128.53" y="151.89" width="162.12" height="5.4" rx="2.28" ry="2.28" style="fill:#626fd9;opacity:0.5"/><rect x="128.53" y="71.92" width="162.12" height="5.4" rx="2.28" ry="2.28" style="fill:#626fd9;opacity:0.5"/><circle cx="77.19" cy="113.53" r="32.42" style="fill:#626fd9;opacity:0.5"/><path d="M67.48,96.42a6.39,6.39,0,1,1-6.39,6.39A6.38,6.38,0,0,1,67.48,96.42Zm-9.79,36.37a2,2,0,0,1-1.5-3.24l9-13.61a2,2,0,0,1,2.66-.3l8,5.92,14.28-16.22c.68-.84,4.26-4.83,6.36-.31,0,0,0,6,0,12.11v15.65s-38.78,0-38.8,0Z" style="fill:#626fd9"/><path d="M140.46,105.43h7.64l1.75,4.62h2.87l-6.85-17.51h-3.18l-6.84,17.67h2.86l1.75-4.78Zm3.19-8.91c.16-.48.32-1,.47-1.59h.16a6.83,6.83,0,0,0,.48,1.27.56.56,0,0,0,.16.32c0,.16,1,2.39,2.55,6.84H141.1c1.75-4.45,2.55-6.68,2.55-6.84Z" style="fill:#626fd9"/><path d="M156.28,94.39h127v3h-127Z" style="fill:#626fd9;opacity:0.6000000000000001"/><path d="M156.28,104.27h127v3h-127Z" style="fill:#626fd9;opacity:0.6000000000000001"/><path d="M135.39,114.15H283.32v3H135.39Z" style="fill:#626fd9;opacity:0.6000000000000001"/><path d="M135.39,124H283.32v3H135.39Z" style="fill:#626fd9;opacity:0.6000000000000001"/><circle cx="50.45" cy="204.14" r="25" style="fill:#626fd9;opacity:0.5"/><circle cx="124.12" cy="204.14" r="25" style="fill:#626fd9;opacity:0.5"/><circle cx="197.78" cy="204.14" r="25" style="fill:#626fd9;opacity:0.5"/><circle cx="271.45" cy="204.14" r="25" style="fill:#626fd9;opacity:0.5"/><circle cx="274.92" cy="20" r="3" style="fill:#fff;opacity:0.3"/><circle cx="285.99" cy="20" r="3" style="fill:#fff;opacity:0.3"/><circle cx="297" cy="20" r="3" style="fill:#fff;opacity:0.3"/></svg>
            </li>
        </ul>
    </div>
</div>

<div class="container pro-box">
    <h2 class="pro-title">典型案例</h2>
    <div class="list-wrap">
        <ul class="pro-list clearfix">
            <li th:each="item:${cases}">
                <a th:href="@{/casedetail/} + ${item.sysNo}">
                    <div class="img-wrap">
                        <img th:src="${item.iconUrl}" alt="">
                    </div>
                </a>
            </li>
           <!-- <li>
                <a href="case-emeishan.html">
                    <div class="img-wrap">
                        <img src="/webportal/assets/images/pro_logo4.jpg" alt="">
                    </div>
                </a>
            </li>
            <li>
                <a href="case-zhongtie.html">
                    <div class="img-wrap">
                        <img src="/webportal/assets/images/pro_logo1.jpg" alt="">
                    </div>
                </a>
            </li>
            <li>
                <a href="case-wuniu.html">
                    <div class="img-wrap">
                        <img src="/webportal/assets/images/pro_logo2.jpg" alt="">
                    </div>
                </a>
            </li>
            <li>
                <a href="case-newegg.html">
                    <div class="img-wrap">
                        <img src="/webportal/assets/images/pro_logo5.jpg" alt="">
                    </div>
                </a>
            </li>
            <li>
                <a href="case-yintai.html">
                    <div class="img-wrap">
                        <img src="/webportal/assets/images/pro_logo6.jpg" alt="">
                    </div>
                </a>
            </li>
            <li>
                <a href="case-gns.html">
                    <div class="img-wrap">
                        <img src="/webportal/assets/images/pro_logo3.jpg" alt="">
                    </div>
                </a>
            </li>-->
        </ul>
    </div>
</div>
<div class="container pro-box">
    <h2 class="pro-title">我们的客户</h2>
    <ul class="pro-list-2 clearfix">
        <li th:each="itemclient:${client}">
        <img th:src="${itemclient.iconUrl}" alt="">
        </li>
    </ul>
</div>

<div class="footer">
    <div class="footer-inner">
        <div class="footer-nav clearfix">
            <div class="fl">
                <ul class="footer-list">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="solution.html">解决方案和产品</a></li>
                    <li><a href="case.html">典型案例</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
            </div>
            <div class="fr">
                <div class="footer-logo">
                    <a href="index.html"><img src="/webportal/assets/images/logo.svg" alt=""></a>
                </div>
            </div>
        </div>
        <div class="footer-copyright clearfix">
            <div class="fl">
                <a href="javascript:;">网站地图</a>
                <span>蜀ICP备1434343434号-1</span>
            </div>
            <div class="fr">
                <span>Copyright © 2010-2018 YuJun. All Rights Reserved.  宇峻科技 版权所有</span>
            </div>
        </div>
    </div>
</div>

<script src="/webportal/assets/js/jquery.js"></script>
<script src="/webportal/assets/js/bootstrap.min.js"></script>
<script src="/webportal/assets/js/jquery.parallax.min.js"></script>
<script>
    $('.parallax').parallax();
    $('.svg-wrap-1').parallax();
    $('.svg-wrap-2').parallax({
        invertX: false
    });
</script>
</body>
</html>